<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title></title>
    <link href="css/mui.min.css" rel="stylesheet"/>
</head>
<body>

	<nav class="mui-bar mui-bar-tab">
		<a class="mui-tab-item mui-active" href="wx.html">
			<span class="mui-icon mui-icon-chatbubble"></span>
			<span class="mui-tab-label">微信</span>
		</a>
		<a class="mui-tab-item" href="address.html">
			<span class="mui-icon mui-icon-personadd"></span>
			<span class="mui-tab-label">通讯录</span>
		</a>
		<a class="mui-tab-item" href="find.html">
			<span class="mui-icon mui-icon-paperplane"></span>
			<span class="mui-tab-label">发现</span>
		</a>
		<a class="mui-tab-item" href="me.html">
			<span class="mui-icon mui-icon-person"></span>
			<span class="mui-tab-label">设置</span>
		</a>
	</nav>
	
    <script src="js/mui.min.js"></script>
    <script type="text/javascript" charset="utf-8">
      	mui.init();
		mui.plusReady(function() {
			var page = [
				'wx.html',
				'address.html',
				'find.html',
				'me.html'
			]
			//当前窗口
			var ws = plus.webview.currentWebview();
			var styles = {
				top: '0px',
				bottom: '83px'
			}
			//创建四个窗口
			for(var i = 0; i<page.length; i++){
				var item = plus.webview.create(page[i],page[i],styles)
				//放入当前窗口中
				ws.append(item)
			}
			plus.webview.show(page[0])
			mui('.mui-bar-tab').on('tap','a',function() {
				var href = this.getAttribute('href');
				plus.webview.show(href)
			})
		})
    </script>
</body>
</html>